HTML Manual

<h1...h6> Heading - overskrift

Headings kommer i 6 forskellige størrelser, fra 1-6. Hvor 6 er mindst og 1 er størst.

Eksempel:

Oversekrift 1

Overskrift 2

Overskrift 3

Overskrift 4

Overskrift 5
Overskrift 6

<p> Paragraphs - afsnit

Paragraphs er afsnit.

Eksempel:

Her er en paragraph

Her er en paragraph mere...

<em> Emphasized - fremhævet/kursiv skrift

Bruges til at lave kursiv skrift, altså fremhæve tekstne. Der findes også et tag <i> som OGSÅ lave kursiv tekst. Hvad er så forskellen?? Stort set ingen. msan siger at em udover at lave teksten kursiv rent visual, yderligere fremhæver meningen.

Eksempel:

Her er en sætning med noget tekst der er fremhævet..

<strong> Strong - fed skrift

Bruges til at fremhæve tekst, og gøre teksten fed. Man kan også bruge <b>(for bold) tagget. Ligesom med em/i taggene, fremhæver strong tagget også meningen, og giver ikke kun den visuelle effekt.

Eksempel:

Her er en sætning med fed skrift i...

<hr /> Horizontal rule - horisontal linie

Bruges til at adskille tekst og elementer. Simpel grafisk formatering, men effektiv.

Dette er en af de tre undtagelser fra reglen om at der altid er et start og et slut-tag. De tre undtagelser er br, hr og img taggene.

Eksempel:

Her er en paragraph ovenover min horizontal rule

Her er en paragraph under min horizontal rule

<br /> Break - linieskift

Bruges til et enkelt linieskift. Bruges i meget sjældne nødstilfælde..

Dette er en af de tre undtagelser fra reglen om at der altid er et start og et slut-tag. De tre undtagelser er br, hr og img taggene.

Eksempel:

Her er en paragraph, hvor der er brugt
et break tag midt i...

<img /> Image - billede

Bruges til at indsætte billeder. Det er cool! Man skal begynde med at indsætte tagett, derefter, kan fortælle hvor billedet ligger placeret ved hjælp af source tagget -> src="". Man kan både bruge URL, altså webadresser og relative stier til billeder, som ligger i en img mappen i www mappen inde i projektet. Title="" bruges til at lave en svævende hover effekt med information.

Dette er en af de tre undtagelser fra reglen om at der altid er et start og et slut-tag. De tre undtagelser er br, hr og img taggene.

Eksempel:

<ol>, <ul> og <li> Ordered, unordered list, list items - Lister

Lister bruges til opstilling af data. Der findes to forskellige lister, nemlig ordnede og uordnede. ul = unordered list, ol = ordered list, li = list item (et enkelt punkt på listen)

Eksempel:

  1. Øl
  2. Faxe Kondi
  3. Friskpresset juice
  4. Banan smoothie

<a> anchor Links - henvisninger

Vi deler links op i fire forskellige afsnit. 1. Interne links, 2. eksterne links, 3. mailto links, og 4. named anchors. a = anchors, det hedder det vist pga named anchors. href="" = hyperlink reference, title="" kan også bruges ved links.

Anatomien i et link: <a href="kilde destination"> link tekst </a>

  1. Interne links

    Bruges i navigations menuer. Et godt råd er at linke til forklaringer andet sted på ens site, hvis man har en dybere forklaring af et ord/begreb.

    Eksempel:

    Her kan du hoppe hen og læse på side 2

    Side 3

  2. Eksterne links

    Bruges til at linke ud fra egen site. Brug helst altid target="_blank" for at åbne linket i et nyt vindue. Så holder man brugeren inde på vores side.

    Eksempel:

    Her kan du læse mere om problematikken i SAS

    Dr.dk

  3. Mailto links

    Bruges til at åbne mailprogram, med en mail med udfyldt adressant. Lad være med at bruge denne pga. spam.

    Eksempel:

    Send mig en mail på min MAILADRESSE, og så husk ikke at bruge denne meode til det!

  4. Images as links - billeder som links

    Vi kan også gøre billeder til 'linktekst'. Vi skifter altså link tekst ud med et billede. Således at man kan klikke på billeder og gå til en href..

    Eksempel:

    Tryk på logo for at gå til SASs hjemmeside->

  5. Named anchors

    Named anchors bruges til at springe rundt på en side, og endda imellem sider. Når man bruger named anchors, skal man lave to links. Et der sender afsted (synligt) og et der fanger (usynligt). Det der sender afsted ligner et normal link, husk dog at begynder link destinationen med #. Linket der skal fange har IKKE nogen href, men kun name="", her uden #.

    Eksempel:

    Her kan du læse i min HTML Manual om følgende emner:

<table>, <tr> og <td> Tables - tabeller

Tabeller brugte man i gamle dage til at lay-oute med. Idag bør man KUN bruge tabeller til at præsentere data. table = tabel, tr = table row, td = table data

Eksempel:

A100 A200 A300 A400
B100 B200 B300 B400
C100 C200 C300 C400